@import "~scss/variables";

.sw-extension-my-extensions-listing {
    .sw-extension-my-extensions-listing__listing-grid {
        margin-bottom: 32px;

        .sw-meteor-card {
            margin: 0 auto 8px;
        }

        .sw-extension-my-extensions-listing__empty-state .sw-meteor-card__content-wrapper {
            text-align: center;
            padding: 56px 32px;

            h3 {
                margin-bottom: 8px;
            }

            .mt-button {
                margin-block-start: 1em;
            }

            img {
                margin: 0 auto 24px;
            }
        }

        .sw-extension-my-extensions-listing__app-url-warning {
            max-width: 960px;
            margin-bottom: 32px;

            .mt-button {
                margin-top: 8px;
            }
        }

        .sw-extension-my-extensions-listing__runtime-extension-warning {
            max-width: 960px;
            margin-bottom: 32px;
        }
    }

    &-empty-state {
        text-align: center;
    }

    &__container {
        max-width: 960px;
        margin: 0 auto;
    }

    .sw-pagination {
        background-color: transparent;
        border: none;
        margin: 42px auto 0;
        max-width: 960px;
        padding: 0;

        .sw-pagination__per-page {
            margin-right: 0;
        }
    }
}
